<!--
 * @Author: liyin 2179253556@qq.com
 * @Date: 2023-02-08 16:04:18
 * @LastEditors: liyin 2179253556@qq.com
 * @LastEditTime: 2023-02-17 08:36:20
 * @FilePath: \test\src\views\HomeView.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="index-flex-box" id="index-flex-box">
        <van-tabs v-model:active="active" sticky animated swipeable @change="tabsChanged" color="#146AF7" line-width="20px"
            line-height="4px" title-inactive-color="#999999" title-active-color="#333333">
            <van-tab title="扣分项" name="1">
                <RecordList :active="active"></RecordList>
            </van-tab>
            <van-tab title="加分项" name="2">
                <RecordList :active="active"></RecordList>
            </van-tab>
        </van-tabs>
</div>
</template>
<script lang="ts" setup>

import { ref, reactive, onMounted, nextTick, onUnmounted } from 'vue'
import $util from '../util/util'
import { useStore } from 'vuex'
import { useRoute, useRouter } from 'vue-router'
const store = useStore()
// tabs选中的标签
const active = ref<any>('1')
const tabsChanged = (val: any) => {
}
onMounted(async () => {
})
</script>
<style lang="scss" scoped>
.index-flex-box {
    position: relative;
}
</style>
